/**
 *  @互联家
 *  @互联家 提取现金发送申请页面
 */
import React, { Component } from 'react';
import { StyleSheet, View, Text, TextInput, TouchableHighlight, Button } from 'react-native';

/**
 *  @style 主要样式导入
 */
import applyMoneyStyle from "../styles/applyMoney";

export default class ApplyMoney extends Component {

  static navigationOptions = {
    headerTitle: '提现申请',
    headerRight: <View />,
  };

  render() {
    return (
      <View style={styles.applyMoneyBox}>
        <View style={styles.container}>
          <View style={styles.containerTips}>
            <Text style={styles.containerTipsOne}>提现到微信</Text>
            <Text style={styles.containerTipsTwo}>提现最低门槛100.00元</Text>
          </View>
          <View style={styles.containerTitle}>
            <Text style={styles.containerTitleName}>提现金额</Text>
          </View>
          <View style={styles.containerApplyFee}>
            <Text style={styles.containerApplyFeeMark}>¥</Text>
            <TextInput style={styles.containerApplyFeeInput} keyboardType='numeric' placeholder="请输入金额" placeholderTextColor="#999999" />
          </View>
          <View style={styles.containerTotalFee}>
            <Text style={styles.containerTotalApplyFee}>资金余额:¥128.88</Text>
            <TouchableHighlight style={styles.containerTotalApplyBtn}>
              <Text style={styles.containerTotalApplyBtnName}>全部提现</Text>
            </TouchableHighlight>
          </View>
          <View style={styles.containerMainApplyFeeBtn}>
            <Button
              title="提现"
              color="#0766f1"
              accessibilityLabel="点击发起提现申请"
              onPress={() => this.props.navigation.navigate('ApplyExamine')}
            />
          </View>
        </View>
      </View>
    );
  };

};

const styles = StyleSheet.create(applyMoneyStyle);